<template>
  <!--setting的公共脚部-->
  <div class="footer">
    <!--&lt;!&ndash;脚部分的顶部&ndash;&gt;-->
    <setting-footer-top></setting-footer-top>
    <!--最底部-->
    <div class="footer-bottom">
      <ul>
        <li>Trust and safety</li>
        <li>Terms of use</li>
        <li>Privacy policy</li>
        <li>Cookie Policy</li>
      </ul>
    </div>
  </div>
</template>

<script>
  import settingFooterTop from '../publicCom/SettingFooterTop'

    export default {
        name: "setting-footer",
        components:{ settingFooterTop }
    }
</script>

<style scoped lang="scss">
.footer{
  overflow: hidden;
}
  /*最底部的一部分*/
  .footer-bottom{
    padding-left: 97px;
    box-sizing: border-box;
    height: 88px;
    border-top: 1px solid #dbdbdb;
    li{
      display: inline-block;
      margin-right: 34px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #2E2E2E;
      margin-top:32px;
    }
  }
</style>
